<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>simple</title>
    </head>
    <body>
        <div class="box1"></div> 
        <div class="box2"></div>
        <div class="box1"></div>
        <div class="box2"></div>
        <!-- div.box2*4 -->
     <!-- 新开式换行 ctrl +enter -->
     <!-- 复制当前行 shift+alt+ 下箭头
        上下移动当前行 alt+ 下箭头/上箭头  -->

       <style>
        
        .box1{
            height: 200px;
            width: 200px;
            background-color: aquamarine;
            border: 10px solid;
            border-color: blue red gray green;
            border-radius: 10px 20px 30px 40px;
        }
        .box2{
            height: 100px;
            width: 200px;
            background-color: aquamarine;
            border-radius: 0 0 100px 100px;
        }
       </style>
    </body>
</html>